//这个文件主要存放全局样式配置
@import "mixin-common";
@import "animate";
@import "utils-layout";
@import "utils-text";
@import "utils-background";
@import "utils-component";
@import "var-layout";
@import "var-device-width";

html{
  font-size: 14px;
}
body, h1, h2, h3, h4, h5, h6{
  padding: 0;
  margin: 0;
}
.link-style-none{
  color: inherit;
  text-decoration: none;
}
#app{
  @include background;
}
#header{
  padding: 0;
  height: $nav-height !important;
}
#main{
  padding-top: 0;
  padding-bottom: 0;
  overflow: unset;
  min-height: calc(100vh - 120px);
}
#footer{
  height: $footer-height;
  background-color: white;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-size: .85em;
  span{
    margin-right: 3em;
  }
}
#content{
  padding-top: $content-padding-top;
  padding-bottom: $content-padding-bottom;
  @include background-content;
}

//常用边距调整
.no-margin-vertical{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.no-margin-horizontal{
  margin-left: 0 !important;
  margin-right: 0 !important;
}

//修改el-tag样式
.tag-group{
  display: flex;
  justify-content: left;
  .el-tag{
    margin-right: 1em;
  }
}

//修改element dialog 样式
.el-dialog>.el-dialog__body{
  padding-top: 0;
}
.el-dialog>.el-dialog__header>.el-dialog__headerbtn{
  top: 8px;
  right: 10px;
}
@media (max-width: $device-width-md) {
  .el-dialog{
    width: 90%;
    margin-top: 10vh !important;
  }
  #main{
    padding: 0;
  }
  #content{
    padding-top: 0;
  }
}

//头像微调
.el-avatar{
  background-color: transparent;
}
.el-avatar>img{
  display: inline;
}
